import React from 'react'

export default class BindEvent extends React.Component{
    constructor(){
        super()
        this.state={}
    }
    render(){
        return <div>
            BindEvent组件
            <hr/>
            {/* 在react有自己的事件绑定机制，小驼峰命名 */}
            {/* <button onClick={function(){console.log('ok')}}>按钮</button> */}
            {/* 不能加小括号，必须带this */}
            {/* <button onClick={this.myClickHandler}>按钮</button> */}
            {/* 注意，onClick只接受function，匿名函数就是一个function */}
            <button onClick={()=>{this.myClickHandler()}}>按钮</button>
        </div>;
    }
    //这是一个实例函数
    /* myClickHandler(){
        console.log('myClickHandler')
    } */
    myClickHandler = ()=>{
        console.log('myClickHandler')
    }
}